<template>
  <div>
    <van-tabs v-model="active">
      <van-tab title="拉取镜像" class="tabs" name="pull">
        <ImagePullForm></ImagePullForm>
      </van-tab>
      <van-tab title="搜索镜像" name="serch">
        <ImagePullSerch></ImagePullSerch>
      </van-tab>
    </van-tabs>
  </div>
</template>

<script>
import Vue from 'vue'
import ImagePullForm from '@/components/image/ImagePullForm'
import ImagePullSerch from '@/components/image/ImagePullSerch'
import { Tab, Tabs } from 'vant'

Vue.use(Tab)
Vue.use(Tabs)
export default {
  data () {
    return {
      active: 'pull'
    }
  },
  components: {
    ImagePullForm,
    ImagePullSerch
  }
}
</script>

<style lang="scss" scoped>
.tabs{
  padding-top: vw(25);
}
</style>
